/* 个人中心首页 */
.personalCenter_container {
	width: 100%;

	.green_icon {
		color: @sa-success !important;
		font-size: 0.7rem;
	}

	.red_icon {
		color: @sa-error;
		font-size: 0.7rem;
	}

	.personalCenter_container_user {
		width: 100%;
		padding: 0 0.3rem;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.user_img {
			width: 50px;
			height: 50px;
			border-radius: 50%;
		}

		.personalCenter_container_userInfo {
			width: calc(95% - 50px - 35px - 1rem);

			.userInfo_top {
				display: flex;
				align-items: center;
				justify-content: start;
				font-size: 0.8rem;

				.userInfo_top_level {
					width: 2.5rem;
				}

				.userInfo_top_up {
					width: 1.3rem;
					margin-right: 0.1rem;
				}
			}

			.userInfo_bottom {
				color: rgba(255, 255, 255, 0.4);
				font-size: 0.7rem;
				text-align: left;
			}
		}

		.user_setting {
			width: 35px;
			height: 35px;
			padding: 0.5rem;
			background-color: @tabbar-bc;
			border-radius: 12px;

			img {
				width: calc(35px - 1rem);
				height: calc(35px - 1rem);
			}
		}

		.personalCenter_container_userInfo {}
	}

	.personalCenter_container_property {
		width: 100%;
		min-height: 23vh;
		background-color: @card-background-color;
		position: relative;

		.property_top {
			width: 100%;
			height: 70%;
			background: url(~@/image/personalCenter/blanceBg.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			background-position: center top;

			.property_top_label {
				width: 100%;
				display: flex;
				justify-content: start;
				line-height: 1.2rem;
				font-size: 0.8rem;
				color: rgba(255, 255, 255, 0.4);
				margin-bottom: 0.5rem;

				img {
					width: 1rem;
				}
			}

			.property_top_value {
				font-size: 0.9rem;
				display: flex;
				align-items: center;
				justify-content: start;
				margin-bottom: 0.5rem;

				.property_top_value_sps {
					font-size: 1.2rem;
				}

				img {
					width: 0.9rem;
				}

				.property_top_value_sp {
					font-size: 1.1rem;
				}
			}
		}

		.property_bottom {
			width: 100%;
			height: 30%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0.5rem;

			.property_bottom_item {
				width: 30%;
				height: 2rem;
				border-radius: 25px;
				background-color: @tabbar-bc;
				color: rgba(255, 255, 255, 0.6);
				font-size: 0.8rem;
				display: flex;
				align-items: center;
				justify-content: center;

				img {
					width: 1.1rem;
				}
			}
		}

		.property_history {
			position: absolute;
			right: 0;
			top: 20%;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0.5rem 0.8rem;
			font-size: 0.8rem;
			color: rgba(255, 255, 255, 0.4);
			background-color: rgba(0, 0, 0, 0.5);
			border-top-left-radius: 25px;
			border-bottom-left-radius: 25px;

			img {
				width: 0.8rem;
			}
		}
	}

	.personalCenter_container_banner {
		width: 100%;
		height: 10vh;
		background: url(~@/image/personalCenter/inviteFriend.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center top;
		display: flex;
		justify-content: end;
		align-items: center;

		.banner_item_label {
			font-size: 0.9rem;
			color: rgba(225, 255, 255, 0.6);
		}

		.banner_item_value {
			font-size: 0.7rem;
			color: rgba(255, 255, 255, 0.3);
			padding: 0.3rem 0.8rem;
			border-radius: 25rem;
			background-color: rgba(0, 0, 0, 0.2);
		}
	}

	.personalCenter_container_tabs {
		width: 100%;
		min-height: 20vh;

		.personalCenter_container_tabs_item {
			width: 100%;
			background-color: @card-background-color;
			display: flex;
			align-items: center;
			justify-content: space-between;

			img {
				width: 2.5rem;
			}

			.personalCenter_container_tabs_item_info {
				width: calc(95% - 2.5rem);
			}

			.tabs_item_info_title {
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 0.9rem;
				color: rgba(225, 255, 255, 0.9);
				margin-bottom: 0.3rem;
			}

			.tabs_item_info_label {
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 0.8rem;
				color: rgba(255, 255, 255, 0.4);
			}
		}
	}
	.couponList_items{
		width: 100%;
		height: 10vh;
		background-color: @card-background-color;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 0.8rem;
		overflow: hidden;
		
		.couponList_item_left{
			width: 32%;
			height: 100%;
			background-color: @tabbar-bc;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			align-content: center;
			div{
				width: 100%;
			}
			.item_left_title{
				font-size: 0.9rem;
				.item_left_title_price{
					font-size: 1.2rem;
				}
			}
			.item_left_value{
				color: @subhead-color;
			}
		}
		.couponList_item_right{
			width: 64%;
			height: 90%;
			display: flex;
			align-items: center;
			flex-wrap: nowrap;
			text-align: left;
			padding-right: 1rem;
			justify-content: space-between;

			.couponList_item_right_left{
				.couponList_item_right_title{
					font-size: 1rem;
				}
				.couponList_item_right_content{
					margin-top: 10px;
					color: @subhead-color;
					display: flex;
					justify-content: space-between;
					align-items: center;
	
					.couponList_item_right_time{
						font-size: 0.8rem;
						color: rgba(255,255,255,0.4);
					}
	
					
				}
			}

			.couponList_item_right_right{
				width: 30%;
				height: 70%;
				.couponList_item_right_button{
					width: 100%;
					height: 100%;
					border-radius: 16px;
				}
			}
		}
		button{
			padding: 0.2rem 0.5rem;
			border-radius: 25px;
			font-size: 0.8rem!important;
			background-color: @btn-background-color;
			color:#fff;
			border: none;
		}
	}
	.past_bg{
		background-color: rgba(51,59,65)!important;
		.couponList_item_left{
			background-color: rgba(76,80,92)!important;
		}
		.couponList_item_right_content{
			color: rgba(255,255,255,0.4)!important;
		}
		.item_left_value{
			color: rgba(255,255,255,0.4)!important;
		}
		button{
			background-color: rgba(23,29,32)!important;
			color: rgba(255,255,255,0.4)!important;
		}
	}

	/* 等级弹窗 */
	.personalCenter_container_popBox{
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		background-color: rgba(0, 0, 0, 0.2);
		display: flex;
		justify-content: center;
		align-items: flex-end;
		.popBox_bg{
			width: 100%;
			position: relative;
			z-index: 101;
			.popBox_close{
				width: 1.5rem;
				position: absolute;
				top: -2rem;
				right: 0.5rem;
				z-index: 999;
			}
		}
		.popBox_content{
			width: 100%;
			background: url(~@/image/personalCenter/lever_bg.png);
			background-size: cover;
			background-position: center;
			max-height: 90vh;
			min-height: 50vh;
			border-top-left-radius: 16px;
			border-top-right-radius: 16px;
			transform: translateY(0); /* 确保初始位置正确 */
			overflow-y: auto;
			.popBox_content_card{
				width: 100%;
				min-height: 30vh;
				background-color: rgba(15, 26, 51, 1);
				border-radius: 16px;
				.card_cell{
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding: 0 1rem;
					font-size: 0.6rem;
					color:rgba(93, 107, 140, 1);
					.card_cell_label{
						min-height: 0.5rem;
						width: 36%;
						display: flex;
						justify-content: center;
						align-items: center;
						img{
							width: 3rem;
						}
						.label_num{
							padding: 0.3rem 0.8rem;
							font-size: 0.9rem;
							color: #fff;
							background-color: rgba(25, 40, 76, 1);
							border-radius: 8px;
							display: flex;
							justify-content: space-between;
							align-items: center;
							img{
								width: 2rem;
							}
						}
						.label_money{
							width: 80%;
							justify-content: center;
						}
					}
					.clear{
						width: 3rem!important;
					}
				}
			}
			.card_second{
				.label_stock{
					font-size: 0.6rem!important;
					color: rgba(93, 107, 140, 1)!important;
				}
				.card_cell{
					.card_cell_label{
						width: 36%;
					}
				}
				.warp_box{
					width: 25%!important;
				}
				.big_width{
					width: 40%!important;
				}
				.small_width{
					width: 15%!important;
				}
			}

		}
	}
}

.van-calendar{
	background-color: rgba(12, 21, 39, 1);
}

.van-calendar__day--disabled {
    color: #5e5e5e;
    cursor: default;
}

/* 个人中心设置页 */
.personalSetting_container {
	width: 100%;

	.personalSetting_container_userInfo {
		width: 100%;
		height: 25vh;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		align-content: center;

		.user_img {
			width: 80px;
			height: 80px;
			border-radius: 50%;
			object-fit: fill!important;  // 保持比例，尽可能填充
			// background-size: cover;  // 背景图片填充方式
			// background-position: center;  // 图片居中显示
		}

		.user_info {
			width: 100%;
			display: flex;
			align-items: center;
			font-size: 0.9rem;
			justify-content: center;

			img {
				width: 0.8rem;
			}
		}
	}

	.personalSetting_container_settingList {
		width: 100%;

		.personalSetting_container_settingList_item {
			width: 100%;
			background-color: @card-background-color;
			display: flex;
			min-height: 8vh;
			align-items: center;
			justify-content: space-between;

			.setting_img {
				width: 40px;
			}

			.item_content {
				width: calc(95% - 40px);
				display: flex;
				align-items: center;
				justify-content: space-between;

				.item_content_left_title {
					font-size: 0.9rem;
					text-align: left;
					margin-bottom: 0.3rem;
				}

				.item_content_left_label {
					font-size: 0.8rem;
					color: rgba(255, 255, 255, 0.4);
					text-align: left;
				}

				.item_content_icon {
					width: 15px;
				}
			}
		}
	}

	.van-popup.van-popup--bottom {
		background-color: @box-background-color;

		div {
			width: 100%;
			line-height: 4rem;
		}

		.sex_box {
			border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		}

		.btns {
			border-top: 8px solid #000;
		}

	}
}


/* 修改姓名、个性签名 */
.personalSettingCompile_container {
	width: 100%;

	.personalSettingCompile_container_inp {
		width: 100%;

		input {
			width: 100%;
			border: 1px solid rgba(255, 255, 255, 0.2);
			background-color: @card-background-color;
			font-size: 0.9rem;
			padding: 1rem;
			color: rgba(255, 255, 255, 0.9);
			border-radius: 8px;
		}

		textarea {
			width: 100%;
			border: 1px solid rgba(255, 255, 255, 0.2);
			background-color: @card-background-color;
			font-size: 0.9rem;
			padding: 1rem;
			color: rgba(255, 255, 255, 0.9);
			border-radius: 8px;
			line-height: 1.2rem;
			min-height: 15vh;
		}
	}

	button {
		width: calc(100% - 2rem);
		padding: 0.8rem;
		font-size: 0.9rem;
		border: none;
		border-radius: 25px;
		background-color: @btn-background-color;
		position: fixed;
		bottom: 5vh;
		left: 1rem;
	}
}

/* 会员等级 */
.personalSettingLevel_container {
	width: 100%;

	.personalSettingLevel_container_level {
		width: 100%;
		height: 15vh;
		background: url(~@/image/personalCenter/setting/level/vip_bg1.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center top;
		position: relative;
		display: flex;
		justify-content: space-between;

		.container_level_title {
			font-size: 1rem;
			height: 1.8rem;
			display: flex;
			align-items: center;

			img {
				width: 1.6rem;
				height: 1.6rem;
				transform: translateY(-0.3rem);
			}
		}

		button {
			border: none;
			height: 1.6rem;
			font-size: 0.8rem;
			padding: 0.3rem 0.8rem;
			background-color: rgba(255, 255, 255, 0.2);
			color: rgba(255, 255, 255, 0.7);
			border-radius: 25px;
		}

		.container_level_progress {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 2rem;
			background-color: rgba(0, 0, 0, 0.2);
			border-bottom-right-radius: 16px;
			border-bottom-left-radius: 16px;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.container_level_progress_left {
				display: flex;
				align-items: center;
				font-size: 0.8rem;
				color: rgba(255, 255, 255, 0.6);
			}

			img {
				width: 0.8rem;
			}
		}
	}

	.personalSettingLevel_container_nums {
		width: 100%;
		min-height: 30vh;
		background-color: @card-background-color;

		.personalSettingLevel_container_nums_top {
			width: 100%;
			height: 40%;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.nums_top_left {
				width: 49%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: left;

				img {
					width: 2rem;
					margin-right: 0.5rem;
				}

				.nums_top_left_content_title {
					font-size: 1.1rem;
				}

				.nums_top_left_content_label {
					font-size: 0.7rem;
					color: rgba(255, 255, 255, 0.4);
				}
			}

			.nums_top_border {
				width: 1px;
				height: 40px;
				background-color: rgba(255, 255, 255, 0.1);
			}
		}

		.personalSettingLevel_container_nums_bottom {
			width: 100%;

			.nums_bottom_item {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 0.7rem;
				color: rgba(225, 255, 255, 0.3);
				line-height: 1.7rem;

				.nums_bottom_item_sps {
					color: rgba(225, 255, 255, 0.8);
				}
			}
		}
	}

	.personalSettingLevel_container_grid {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.personalSettingLevel_container_grid_item {
			background-color: @card-background-color;
			width: 32%;

			img {
				width: 1.3rem;
			}

			.grid_item_title {
				font-size: 0.8rem;
				color: rgba(225, 255, 255, 0.3);
			}

			.grid_item_content {
				color: @btn-background-color;
				font-size: 1.2rem;

				.grid_item_content_sps {
					color: rgba(225, 255, 255, 0.3);
					font-size: 0.8rem;
				}
			}
		}
	}

	.personalSettingLevel_container_grids {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.personalSettingLevel_container_grid_item {
			background-color: @card-background-color;
			width: 49%;

			img {
				width: 1.3rem;
			}

			.grid_item_title {
				font-size: 0.8rem;
				color: rgba(225, 255, 255, 0.3);
			}

			.grid_item_content {
				color: @btn-background-color;
				font-size: 1.2rem;

				.grid_item_content_sps {
					color: rgba(225, 255, 255, 0.3);
					font-size: 0.8rem;
				}
			}
		}
	}

	.personalSettingLevel_container_tabs {
		width: 100%;

		.van-tabs__wrap{
			height: auto;

			.van-tab{
				color: #fff;

                display: flex; /* 使用 flex 布局 */
                align-items: center; /* 垂直居中 */
                justify-content: center; /* 水平居中 */

				.van-tab__text {
					font-size: 0.9rem;
					overflow: visible;
	
					display: flex;
					white-space: normal; /* 允许文本自动换行 */
					text-align: center; /* 文本水平居中 */
					line-height: 1.2; /* 设置合适的行高 */
				}
			}
		}

		.van-tabs__content{
			height: 500px;
		}

		.van-list {
			height: 500px;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
			border-radius: 16px;
		}

		
	}

	.personalSettingLevel_van_popup_img {
		width: 80vw;
		height: 50vh;
	}

	.personalSettingLevel_van_popup_btns {
		display: flex;
		align-items: center;
		justify-content: space-between;

		button {
			border: none;
			border-radius: 16px;
			color: rgba(225, 255, 255, 0.9);
			width: 48%;
			padding: 0.5rem 0;
		}

		.copyBtn {
			background-color: @btn-background-color;
		}

		.saveBtn {
			background-color: @sa-warning;
		}
	}

	.van-popup.van-popup--center {
		background-color: @box-background-color;
	}

	.history_list {
		width: 100%;
		background-color: @card-background-color;
		min-height: 10vh;

		.history_list_item {
			width: 100%;
			border-bottom: 1px solid rgba(255, 255, 255, 0.1);
			color: rgba(225, 255, 255, 0.3);
			font-size: 0.7rem;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.history_list_invite_record_item_left {
				text-align: left;
			}

			.history_list_invite_record_item_right {
				text-align: right;
			}

			.history_list_item_left_big {
				font-size: 0.9rem;
				color: @while;
			}

			.history_list_itme_right_big {
				font-size: 0.9rem;
				color: #6476b1
			}

			.history_list_item_right_level {
				margin-top: 5px;
				height: 15px;
			}

			.history_list_itme_right_small {
				color: #53596a
			}
		}
	}

	.invite_record_page{
		.van-tabs__nav{
			padding-left: 0px;
			padding-right: 0px;
		}

		.van-tabs__wrap{
			border-radius: 99999px;
			height: 30px;
			margin-bottom: 1rem;
			
			.van-tab--active {
				background: linear-gradient(90deg, #0086ff, #005cdf);
				border-radius: 99999px;
			}

			.van-tab{
				color: #fff; 
				width: 66px;
				font-size: 12px;
			}
		}
	}

	.team_record_page{
		.van-tabs__nav{
			padding-left: 0px;
			padding-right: 0px;
		}

		.van-tabs__wrap{
			border-radius: 99999px;
			height: 30px;
			margin: 0 auto; 
			margin-bottom: 0;
			width: 85%;
			
			
			.van-tab--active {
				background: linear-gradient(90deg, #0086ff, #005cdf);
				border-radius: 99999px;
			}

			.van-tab{
				color: #fff; 
				width: 48px;
				font-size: 12px;
			}
		}

		.team_record_list{
		
		
			.team_record_item{
				.team_record_item_line{
					width: 100%;
					aspect-ratio: 686 / 24
				}
				
				.team_record_item_data{
					background-color: #101D34 ;
				}

				.team_record_item_title{
					font-size: 1.2rem;
					color: #0086FF;
					text-align: left;
					border-bottom: 1px solid hsla(0, 0%, 100%, .1);
					padding-bottom: 6px;
				}

				.team_record_item_content{
					display: flex;
					flex-direction: row;
					padding-top: 1rem;

					.team_record_item_content_left{
						width: 50%;
						// margin-top: 10px;
					}
					.team_record_item_content_right{
						width: 50%;
						// margin-top: 10px;
					}

					.team_record_item_content_up_num{
						color: #d4d6db;
						font-size: 0.7rem;
					}
					.team_record_item_content_down_text{
						margin-top: 5px;
						color: #7d838e;
						font-size: 0.7rem;
					}
				}
			}
		}
	}

	
}

/* 实名认证 */
.personalSettingRealName_container {
	width: 100%;

	.personalSettingRealName_container_item {
		width: 100%;
		background-color: @card-background-color;
		display: flex;
		min-height: 8vh;
		align-items: center;
		justify-content: space-between;

		.setting_img {
			width: 40px;
		}

		.item_content {
			width: calc(95% - 40px);
			display: flex;
			align-items: center;
			justify-content: space-between;

			.item_content_left_title {
				font-size: 0.9rem;
				text-align: left;
				margin-bottom: 0.3rem;
			}

			.item_content_left_label {
				font-size: 0.8rem;
				color: rgba(255, 255, 255, 0.4);
				text-align: left;
			}

			.item_content_icon {
				width: 15px;
			}
		}
	}
}

/* 实名认证方式 */
.personalSettingAuthentication_container {
	width: 100%;

	.personalSettingAuthentication_container_card {
		background-color: @card-background-color;
		width: 100%;
		min-height: 20vh;

		.container_card_phoneNum {
			width: 100%;

			.container_card_select {
				border: 1px solid rgba(255, 255, 255, 0.1);
				padding: 0.8rem 1rem;
				color: rgba(225, 255, 255, 0.8);
				display: flex;
				justify-content: space-between;
				align-items: center;
				border-radius: 8px;
				background-color: @inp-background-color;
				font-size: 0.9rem;

				img {
					width: 1rem;
				}
			}

			.container_card_input {
				width: 100%;
				border: 1px solid rgba(255, 255, 255, 0.1);
				background-color: @inp-background-color;
				padding: 0.8rem 1rem;
				color: rgba(225, 255, 255, 0.8);
				display: flex;
				align-items: center;
				border-radius: 8px;
				font-size: 0.9rem;

				.container_card_select_icon {
					width: 30%;
					display: flex;

					img {
						width: 1.8rem;
					}
				}

				input {
					width: 70%;
					border: none;
					background-color: @inp-background-color;
					font-size: 0.9rem;
					color: rgba(225, 255, 255, 0.8);
				}

				input::placeholder {
					color: rgba(255, 255, 255, 0.3) !important;
					opacity: 1 !important;
				}
			}

			.container_card_content {
				font-size: 0.8rem;
				color: rgba(225, 255, 255, 0.3);
				line-height: 1.1rem;
				text-align: left;
			}
		}

		.container_card_title {
			font-size: 0.8rem;
			color: rgba(225, 255, 255, 0.3);
			text-align: left;
		}

		.container_card_livingBills {
			width: 100%;
		}

		.container_card_icon_content {
			width: 100%;
			border: 1px solid rgba(255, 255, 255, 0.1);
			position: relative;

			.container_card_icon_content_item {
				width: 100%;
				display: flex;
				padding: 0.3rem 0;
				justify-content: start;
				font-size: 0.8rem;
				color: rgba(225, 255, 255, 1);
				align-items: center;
				text-align: left;
				line-height: 1.2rem;

				.item_icon {
					width: 0.5rem;
					height: 0.5rem;
					background-color: @while;
					border-radius: 50%;
					margin-right: 0.5rem;
				}
			}
		}

		.upload_box {
			width: 100%;
			padding: 2rem 0;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			font-size: 0.8rem;
			color: rgba(225, 255, 255, 0.3);

			img {
				width: 3rem;
			}

			.uploading_text{
				font-size: 16px;
			}

			.upload_box_title {
				width: 100%;
			}

			.preview-image {
				width: 100%;
			}

			.preview-wrapper {
				position: relative;
				width: 100%;
				height: 200px;
				/* 根据实际尺寸调整 */
			}

			.delete-icon {
				position: absolute;
				top: 5px;
				right: 5px;
				color: #ff4d4f;
				font-size: 20px;
				background: rgba(0, 0, 0, 0.5);
				border-radius: 50%;
				padding: 4px;
				cursor: pointer;
				z-index: 2;
			}

			.delete-icon:hover {
				background: rgba(0, 0, 0, 0.7);
			}
		}

		.container_card_identity {
			width: 100%;

			p {
				font-size: 0.8rem;
				color: rgba(225, 255, 255, 0.3);
				line-height: 1.5rem;
				margin-bottom: 0.4rem;
				text-align: left;
			}

			.container_card_identity_img {
				width: 100%;
				border-radius: 16px;
			}
		}

		button {
			width: 100%;
			border: none;
			background-color: @btn-background-color;
			color: rgba(225, 255, 255, 0.8);
			font-size: 0.8rem;
			border-radius: 25px;
			padding: 0.6rem 0;
		}
	}
}

/* 历史记录 */
.personalCenterHistory_container {
	width: 100%;

	height: calc(100vh - 76px);
    display: flex;
    flex-direction: column;

    .van-tabs {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;

        .van-tabs__content {
            flex: 1;
            overflow: hidden;
        }

        .van-tab__pane {
            height: 100%;
            display: flex;
            flex-direction: column;
        }
    }

    .van-list {
        flex: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
		border-radius: 16px;
    }

	.changeDate_box{
		width: 100%;
		display: flex;
		justify-content: end;
		align-items: center;
		.changeDate{
			padding: 0.3rem 0.5rem;
			border-radius: 50px;
			border: 1px solid rgba(255,255,255,0.8);
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 0.7rem;
			span{
				margin-right: 0.2rem;
			}
			img{
				width: 0.9rem;
			}
		}
	}
	.history_list {
		width: 100%;
		background-color: @card-background-color;
		// min-height: 10vh;

		.history_list_item {
			width: 100%;
			border-bottom: 1px solid rgba(255, 255, 255, 0.1);
			color: rgba(225, 255, 255, 0.3);
			font-size: 0.7rem;

			.history_list_item_title {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0.8rem 0;

				.history_list_item_title_sps {
					font-size: 1rem;
					color: @while;
				}
			}

			.history_list_item_time {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.text-success {
					color: @sa-success;
				}

				.text-processing {
					color: @sa-processing;
				}	

				.text-danger {
					color: @sa-error;
				}
			}
		}
	}
}

/* 系统设置 */
.personalSetting_container {
	width: 100%;

	.personalSetting_container_item {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: @card-background-color;
		font-size: 0.8rem;
		color: rgba(225, 255, 255, 0.9);

		.item_left {
			display: flex;
			align-items: center;

			img {
				width: 2rem;
			}
		}

		.item_right {
			display: flex;
			align-items: center;

			img {
				width: 1rem;
			}
		}
	}
	.van-popup.van-popup--center{
		width: 80vw;
		min-height: 25vh;
		background-color: @inp-background-color;
		border-radius: 16px;
		.pop_content{
				width: 100%;
				padding: 1rem;
				.pop_title{
						width: 100%;
						font-size: 1rem;
						line-height: 2rem;
				}
				.pos_label{
						width: 100%;
						font-size: 0.8rem;
						color: rgba(255,255,255,0.5);
				}
				input{
						border: 1px solid rgba(255,255,255,0.1);
						background-color: #002446;
						font-size: 0.9rem;
						padding: 0.8rem 1rem;
						width: 100%;
						border-radius: 8px;
				}
				input::placeholder {
						color: rgba(255, 255, 255, 0.3) !important;
						opacity: 1 !important;
				}
				button{
						width: 100%;
						border: none;
						background-color: @btn-background-color;
						color: @while;
						font-size: 0.9rem;
						padding: 0.8rem 0;
						border-radius: 25px;
				}
		}
	}
	.van-picker{
			background-color: @box-background-color;
	}
	.van-ellipsis{
			color: rgba(255,255,255,0.9);
	}
	.van-picker__mask {
	background-image: 
			linear-gradient(180deg, rgba(12,21,39,0.9), rgba(12,21,39,0.4)),
			linear-gradient(0deg, rgba(12,21,39,0.9), rgba(12,21,39,0.4));
	}
}

/* 国家选择索引页 */
.nationalIndexBar_container {
	width: 100%;

	.van-index-bar__sidebar {
		min-height: 80vh;

		.van-index-bar__index {
			font-size: 0.8rem !important;
			line-height: 1.5rem;
		}
	}

	.van-index-anchor {
		color: rgba(255, 255, 255, 0.9);
		text-align: left;
	}

	.van-cell.van-cell--clickable {
		background-color: @box-background-color;
		padding-right: 1.8rem;
		padding-top: 0.9rem;
		padding-bottom: 0.9rem;

		img {
			width: 2.5rem;
		}

		.van-cell__title {
			font-size: 0.8rem;
			color: rgba(255, 255, 255, 0.9);
			text-align: left;
			margin-left: 0.5rem;
		}
	}

	.van-cell::after {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	}

	.van-index-anchor.van-index-anchor--sticky.van-hairline--bottom {
		background-color: @card-background-color;
	}
}

/* 系统设置详情页面 */
.personalSettingSwitch_container {
	width: 100%;

	/* 支付密码修改 */
	.personalSettingSwitch_container_password {
		background-color: @card-background-color;
		width: 100%;
		min-height: 10vh;

		.password_title {
			width: 100%;
			font-size: 0.8rem;
			color: rgba(225, 255, 255, 0.3);
			text-align: left;
		}

		.password_inp {
			width: 100%;
			background-color: @inp-background-color;
			border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 8px;
			height: 2.5rem;
			display: flex;
			align-items: center;
			justify-content: start;
			padding-left: 0.5rem;
			padding-right: 0.5rem;

			input {
				width: 100%;
				border: none;
				background-color: @inp-background-color;
				font-size: 0.8rem;
				color: rgba(225, 255, 255, 0.8);
			}
		}

		.password_yzm {
			display: flex;
			align-items: center;
			justify-content: space-between;

			span {
				display: inline-block;
				width: 30%;
				font-size: 0.8rem;
				color: @btn-background-color;
			}
		}

		.password_content {
			p {
				font-size: 0.8rem;
				color: rgba(225, 255, 255, 0.6);
				line-height: 1.4rem;
				text-align: left;
			}
		}

		button {
			border: none;
			background-color: @btn-background-color;
			color: rgba(225, 255, 255, 0.9);
			font-size: 0.8rem;
			width: 100%;
			padding: 0.8rem 0;
			border-radius: 25px;
		}
	}

	/* 身份验证 */
	.personalSettingSwitch_container_identity {
		width: 100%;

		.identity_box {
			display: flex;
			justify-content: space-between;

			.identity_img {
				width: 25%;
				display: flex;
				justify-content: center;

				img {
					width: 3rem;
					height: 3rem;
				}
			}

			.identity_content {
				width: 73%;
				text-align: left;

				p {
					font-size: 0.8rem;
				}

				span {
					font-size: 0.7rem;
					color: rgba(255, 255, 255, 0.3);
				}

				.identity_key {
					font-size: 0.8rem;
					background-color: @inp-background-color;
					border-radius: 8px;
					padding: 0.8rem 1rem;
					display: flex;
					justify-content: space-between;
					align-items: center;

					.identity_key_copy {
						color: @btn-background-color
					}
				}

				img {
					width: 120px;
					height: 120px;
					border-radius: 12px;
				}
			}
		}

		.identity_box_bottom {
			background-color: @inp-background-color;
			width: 100%;
			padding: 1rem 0;
			font-size: 0.8rem;
		}

		.identity_btn {
			background-color: @btn-background-color;
			border: none;
			font-size: 0.9rem;
			width: 100%;
			padding: 0.9rem 0;
			border-radius: 25px;
		}

		.identity_next_title {
			text-align: left;
			font-size: 1.1rem;
		}

		.identity_next_label {
			text-align: left;
			font-size: 0.9rem;
		}

		.identity_next_input {
			background-color: @inp-background-color;
			border: 1px solid rgba(255, 255, 255, 0.1);
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0.8rem 0.5rem;
			border-radius: 12px;
			font-size: 0.8rem;
			padding-right: 1rem;

			input {
				width: 80%;
				border: none;
				background-color: @inp-background-color;
				color: rgba(225, 255, 255, 0.8);
				padding-left: 1rem;
			}

			span {
				color: @btn-background-color;
			}
		}

		.identity_next_text {
			font-size: 0.7rem;
			color: rgba(225, 255, 255, 0.3);
			text-align: left;
		}
	}
	/* 汇率索引页 */
	.personalSettingSwitch_container_currency {
		width: 100%;

		.van-index-bar__sidebar {
			min-height: 80vh;

			.van-index-bar__index {
				font-size: 0.8rem !important;
				line-height: 1.5rem;
			}
		}

		.van-index-anchor {
			color: rgba(255, 255, 255, 0.9);
			text-align: left;
		}

		.van-cell {
			background-color: @box-background-color;
			padding-right: 1.8rem;
			padding-top: 0.9rem;
			padding-bottom: 0.9rem;

			img {
				width: 2.5rem;
			}

			.van-cell__title {
				font-size: 0.8rem;
				color: rgba(255, 255, 255, 0.9);
				text-align: left;
				margin-left: 0.5rem;
			}
		}

		.van-cell::after {
			border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
		}

		.van-index-anchor.van-index-anchor--sticky.van-hairline--bottom {
			background-color: @card-background-color;
		}
	}
}

/* 充值选择页 */
.topUp_container {
	width: 100%;

	.van-cell-group.van-hairline--top-bottom {
		background-color: @box-background-color;
	}

	.van-cell.van-cell--clickable {
		background-color: @card-background-color;
		color: rgba(225, 255, 255, 0.8);
		border-radius: 8px;
		margin-bottom: 0.5rem;
		padding-bottom: 15px;
		padding-top: 15px;

		img {
			width: 2rem;
			margin-right: 0.5rem;
		}
	}

	.van-cell::after {
		border-bottom: none;
	}

	.van-cell__title {
		display: flex;
		align-items: center;
		justify-content: start;
	}

	.van-popup {
		background-color: #0C1527 !important;
	}

	.topUp_container_pop_item {
		width: 100%;
		border: 1px solid rgba(255, 255, 255, 0.1);
		padding: 1rem 0.8rem;
		text-align: left;
		color: rgba(225, 255, 255, 0.3);
		font-size: 0.7rem;

		.pop_item_title {
			font-size: 0.9rem;
			color: rgba(255, 255, 255, 0.9);
		}
	}

	.topUp_container_title{
		width: 100%;
		font-size: 0.8rem;
		color: rgba(255, 255, 255, 1);
		text-align: left;
	}

}

/* 充值详情页 */
.topUpDetail_container {
	width: 100%;

	.topUpDetail_container_card {
		background-color: @card-background-color;
		width: 100%;
		// min-height: 20vh;
		.card_address{
			width: 100%;
			font-size: 0.8rem;
			display: flex;
			align-items: center;
			justify-content: space-between;
			img{
				width: 1rem;
			}
		}
		.card_title{
			color:rgba(93, 107, 140, 1);
			font-size: 0.8rem;
			text-align: left;
		}
		.card_top {
			width: 100%;

			img {
				width: 70%;
				border-radius: 16px;
			}

			p {
				font-size: 0.8rem;
			}

			button {
				width: 50%;
				font-size: 0.8rem;
				padding: 0.8rem 0;
				border-radius: 25px;
				border: none;
				background-color: @inp-background-color;
			}
		}

		.card_bottom {
			width: 100%;

			.card_bottom_item {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 0.8rem;
				color: rgba(255, 255, 255, 0.3);

				.card_bottom_item_right {
					color: @while;
				}
			}
		}

		.card_content {
			width: 100%;
			font-size: 0.8rem;
			color: @btn-background-color;
			text-align: left;
			line-height: 1.4rem;

			.rule_label{
				white-space: pre-line;
			}
		}
	}
	.card_dis{
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: auto;
		.topUpDetail_container_card_left{
			display: flex;
			align-items: center;
			img{
				width: 2.5rem;
				margin-right: 0.5rem;
			}
			span{
				display: inline-block;
				line-height: 2.5rem;
			}
		}
	}
	.card_work{
		.topUpDetail_container_card_left{
			display: block;
			text-align: left; 
			.left_title{
				font-size: 0.8rem;
				color: rgba(93, 107, 140, 1);
				margin-bottom: 0.3rem;
			}
			span{
				line-height: 0.9rem;
			}
		}
	}
	.goImage{
		width: 1rem;
	}

	.topUpDetail_container_copyAddressButton{
		width:80%;
		aspect-ratio: 100 / 15;
		background: linear-gradient(90deg, #056ac8, #004ab0);
		border-radius: 9999999px;
		color:#dbdbdb;
		margin-top: 8px;
	}
}

/* 提现 */
.withdrawDeposit_container {
	width: 100%;

	.withdrawDeposit_container_balance {
		background: url(~@/image/personalCenter/setting/level/vip_bg1.png);
		background-size: 100% 150%;
		background-repeat: no-repeat;
		background-position: center top;
		height: 10vh;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 1rem;

		.balance_left {
			display: flex;
			align-items: center;

			img {
				width: 1.1rem;
			}
		}
	}

	.withdrawDeposit_container_usable {
		width: 100%;
		background-color: @card-background-color;
		height: 10vh;
		/* 
            border-bottom-right-radius: 16px;
            border-bottom-left-radius: 16px;
        */
		display: flex;
		font-size: 0.9rem;
		align-items: center;
		justify-content: space-between;
		color: rgba(225, 255, 255, 0.9);

		.usable_left {
			text-align: left;
		}

		.usable_right {
			text-align: right;
		}
	}

	.withdrawDeposit_container_withdraw {
		width: 100%;
		background-color: @card-background-color;
		padding: 1rem 0;
		font-size: 0.8rem;

		p {
			text-align: left;
		}

		input {
			border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 8px;
			background-color: @inp-background-color;
			width: 100%;
			height: 2.5rem;
			padding: 0 1rem;
		}

		.withdrawDeposit_container_withdraw_btns {
			display: flex;
			align-items: center;
			justify-content: space-between;

			.btns_left {
				display: flex;
				justify-content: space-between;
				width: 50%;
			}

			.withdraw_btns_item {
				padding: 0.3rem 0.8rem;
				border-radius: 25px;
				color: rgba(225, 255, 255, 0.6);
				background-color: rgba(225, 255, 255, 0.03)
			}

			.withdraw_btns_item.active {
				background-color: @btn-background-color;
				color: @while;
			}
		}
	}

	.withdrawDeposit_container_withdraw_btn {
		width: 100%;
		border-radius: 25px;
		border: none;
		background-color: @btn-background-color;
		font-size: 0.9rem;
		padding: 0.8rem 0;
	}
	.withdraw_label{
		text-align: left;
		font-size: 0.8rem;
		color:rgba(93, 107, 140, 1);	
		.money{
			color: #fff;
		}
	}
	.withdraw_rule_label{
		text-align: left;
		font-size: 0.8rem;
		color: rgba(225, 255, 255, 0.3);
		line-height: 1.0rem;
		margin-top: 0.5rem;
		white-space: pre-line;
	}
	.withdraw_input{
		width: 100%;
		border-radius: 8px;
		border: 1px solid rgba(255, 255, 255, 0.1);
		background-color: @inp-background-color;
		width: 100%;
		height: 2.5rem;
		padding: 0 1rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.withdraw_input_left{
			display: flex;
			align-items: center;
			img{
				width: 1.5rem;
			}
		}
		.goIcon{
			width: 1rem;
		}
		input{
			border: none;
			height: 2.1rem;
			padding: 0;
		}
		.withdraw_input_position_btn{
			width: 15%;
			color:rgba(0, 134, 255, 1);
		}
	}
	.withdraw_input_position{
		position: relative;

	}
	.van-popup.van-popup--bottom {
		background-color: @box-background-color;

		div {
			width: 100%;
			line-height: 4rem;
		}

		.sex_box {
			border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		}

		.btns {
			border-top: 8px solid #000;
		}

	}
}

/* 闪兑 */
.flashExchange_container {
	width: 100%;

	.flashExchange_container_card {
		background-color: @card-background-color;
		text-align: left;

		.card_title {
			font-size: 1rem;
		}

		.card_label {
			font-size: 0.8rem;
			color: rgba(225, 255, 255, 0.3);
		}

		.card_input {
			width: 100%;
			height: 2.5rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border: 1px solid rgba(255, 255, 255, 0.1);
			border-radius: 8px;

			.card_input_left {
				display: flex;
				align-items: center;
				min-width: 25%;
				justify-content: space-between;
				font-size: 0.9rem;

				img {
					width: 1rem;
				}

				.card_input_left_logo {
					width: 1.5rem;
				}
			}

			.card_input_right {
				display: flex;
				justify-content: end;
				align-items: center;
				font-size: 0.9rem;

				input {
					width: 80%;
					border: none;
					background-color: @card-background-color;
					text-align: right;
					padding: 0.2rem;
					padding-right: 0.8rem;
				}

				span {
					color: @btn-background-color;
				}

				input::placeholder {
					color: rgba(255, 255, 255, 0.3) !important;
					opacity: 1 !important;
				}

				.card_input_right_sps {
					color: @sa-success;
				}
			}
		}

		.card_consumeBalance {
			width: 100%;
			font-size: 0.8rem;
			color: rgba(225, 255, 255, 0.3);
			text-align: left;

			.card_consumeBalance_money {
				color: @while;
			}
		}

		.card_next_img {
			width: 100%;
			height: 8vh;
			display: flex;
			justify-content: center;
			align-items: center;

			img {
				width: 2.5rem;
			}
		}

		.card_content {
			width: 100%;
			font-size: 0.8rem;
			color: rgba(225, 255, 255, 0.3);
			text-align: left;

			.card_content_item {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.card_content_item_sps {
				color: rgba(225, 255, 255, 0.6);
				text-align: right;
			}
		}

		.flashExchange_container_btn {
			width: 100%;
			border-radius: 25px;
			border: none;
			background-color: @btn-background-color;
			font-size: 0.9rem;
			padding: 0.8rem 0;
		}
	}
}

/* 币种详情页 */
.currencyDetail_container {
	width: 100%;

	.currencyDetail_container_currencyimg {
		width: 100%;
		height: 20vh;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-content: center;

		img {
			width: 4rem;
			height: 4rem;
		}

		div {
			width: 100%;
			font-size: 1rem;
			color: @while;
			text-align: center;
		}
	}

	.withdrawDeposit_container_balance {
		background: url(~@/image/personalCenter/setting/level/vip_bg1.png);
		background-size: 100% 150%;
		background-repeat: no-repeat;
		background-position: center top;
		height: 8vh;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 1rem;

		.balance_left {
			display: flex;
			align-items: center;

			img {
				width: 1.1rem;
			}
		}
	}

	.withdrawDeposit_container_usable {
		width: 100%;
		background-color: @card-background-color;
		height: 10vh;
		/* 
            border-bottom-right-radius: 16px;
            border-bottom-left-radius: 16px;
        */
		display: flex;
		font-size: 0.9rem;
		align-items: center;
		justify-content: space-between;
		color: rgba(225, 255, 255, 0.9);

		.usable_left {
			text-align: left;
		}

		.usable_right {
			text-align: right;
		}
	}

	.history_list {
		width: 100%;
		// background-color: @card-background-color;
		min-height: 10vh;

		.history_list_item {
			width: 100%;
			border-bottom: 1px solid rgba(255, 255, 255, 0.1);
			color: rgba(225, 255, 255, 0.3);
			font-size: 0.7rem;

			.history_list_item_title {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0.8rem 0;

				.history_list_item_title_sps {
					font-size: 1rem;
					color: @while;
				}
			}

			.history_list_item_time {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.text-success {
					color: @sa-success;
				}

				.text-danger {
					color: @sa-error;
				}
			}
		}
	}

	.currencyDetail_container_clear {
		width: 100%;
		height: 1.5rem;
	}

	.currencyDetail_container_footer {
		width: 100%;
		height: 3.5rem;
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: @tabbar-bc;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 1rem;

		button {
			width: 49%;
			height: 2.5rem;
			border: none;
			background-color: @btn-background-color;
			border-radius: 25px;
			font-size: 0.9rem;
			color: rgba(225, 255, 255, 0.9);
		}
	}
}